Мерзкий вертикальный отступ между блоками

[torsar]

Нужно сверстать такое:

https://wireframe.cc/Ua4tOp

Я сверстал почти все:

https://jsfiddle.net/Lh3u6oye/

 

Что за мерзкий отступ между блоками header

(там, где лого, меню)

и блоком filter.

(блин, его там быть не должно ).

И вообще, зацените верстку, может что лучше можно было сделать или

по другому?

Edited June 7, 2016 by torsar

[alex_web64]

.filter {vertical-align: top}

 

[torsar]

https://jsfiddle.net/Lh3u6oye/1/

Почему у блока .wrapper

(div в котором находятся блоки .filter и .googs)

справа и слева отступы относительно блоков header и footer.

Как сделать чтоб все блоки были одинаково выровнены справа и слева?